<template>
    <!-- 余额组件 -->
    <div id="wrap" v-if="isVisbleToo">
        <p class="top">积分余额：<span>{{ integralBalance | filterNumber }}</span></p>
        <p>AG余额：<span>{{ AGBalance | filterNumber }}</span></p>
        <p>BBin余额：<span>{{ BBinBalance | filterNumber }}</span></p>
        <p>捕鱼王余额：<span>{{ fishingBalance | filterNumber }}</span></p>
        <p>MG余额：<span>{{ MGBalance | filterNumber }}</span></p>
        <p>CQ9余额：<span>{{ CA9Balance | filterNumber }}</span></p>
    </div>
    <div id="wrap" v-else>
        <p class="top">积分余额：<span>********</span></p>
        <p>AG余额：<span>********</span></p>
        <p>BBin余额：<span>********</span></p>
        <p>捕鱼王余额：<span>********</span></p>
        <p>MG余额：<span>********</span></p>
        <p>CQ9余额：<span>********</span></p>
    </div>
</template>

<script>
export default {
    name: 'balance',
    props: {
        isVisbleToo: blur,
        //积分余额
        integralBalance:{
            type: Number,
            default: 80000.00
        },
        //AG余额
        AGBalance:{
            type: Number,
            default: 7000.00
        },
        //BBin余额
        BBinBalance:{
            type: Number,
            default: 125.21
        },
        //捕鱼王余额
        fishingBalance:{
            type: Number,
            default: 0.00
        },
        //MG余额
        MGBalance:{
            type: Number,
            default: 324452.18
        },
        //CQ9余额
        CA9Balance:{
            type: Number,
            default: 100.01
        },
    },
    filters:{
        filterNumber(num){
            return num.toFixed(2);
        }
    }
        
    
}
</script>

<style lang="stylus" scoped>
    #wrap
        width 100% 
        height 202px;
        // border 1px solid red;
        border-top 6px solid #cca566;
        position relative;
        p
            margin-left 19px;
            margin-bottom 11px;
            span 
                position absolute;
                left 112px;
                color #e02828;
        p.top
            margin-top 21px;
</style>
